$coverbg: url('');

.com-image-cropping {
  width: 976px;
  .cropper-box {
    float: left;
    margin-right: 10px;
    height: 356px;
    width: 430px;
    flex: 1 0 auto;
    border: 1px solid #ebebeb;
    background-image: $coverbg;
    >.img {
      max-width: 100%;
      display: block;
    }
  }
  .option-box {
    float: left;
    width: 170px;
    height: 356px;
    .preview {
      height: 170px;
      width: 170px;
      background-image: $coverbg;
      overflow: hidden;
    }
    .sel-img-btn {
      width: 170px;
    }
    .option-btn-box {
      margin-top: 5px;
      width: 100%;
      height: 150px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }
  .result {
    max-width: 356px;
    max-height: 356px;
    margin-left: 10px;
  }
}
